.container{
  background-color: white;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  padding: 20px 10%;

  .title{
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    font-weight: bold;
  }

  .wordList{
    font-size: 16px;
    color: #555555;
    margin: 10px 0;
    
    .wordItem{
      margin: 5px 0;
      cursor: pointer;
    }
  }

}


@media screen and (max-width:400px){
  .container{
    background-color: white;
    border-radius: 10px;
    position:relative;

    width:300px;
    margin-top:300px;
    flex-direction: column;
    padding: 20px 30px;


    .title{
      text-align: center;
      font-weight: 400;
      font-size: 20px;
    }

    .wordList{
      font-size: 16px;
      color: #555555;
      margin: 10px 0;
      .wordList .wordItem{
        margin: 10px 0;
        cursor: pointer;
      }
    }

  }
}

